<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<script src="js/rem.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="css/base.css"/>
		<link rel="stylesheet" type="text/css" href="fonts/iconfont.css"/>
		<script src="js/axios.min.js" type="text/javascript" charset="utf-8"></script>
		<style type="text/css">
			 figure{
				display: flex;
				padding:0.2rem 0 0 0.24rem ;
				padding-bottom: 0.18rem;
				border-bottom:2px solid rgba(216,216,216,1);
				margin-bottom: 0.18rem;
				
			}
			 figure figcaption p{
				font-size: 0.28rem;
				color:rgba(51,51,51,1);
				margin-bottom: 0.12rem;
			}
			 figure figcaption span{
				font-size:0.2rem;
				margin-right: 0.2rem;
				color:rgba(51,51,51,1);
				opacity:1;
				margin-bottom:0.1rem ;
				line-height: 0.28rem;
				height: 0.28rem;
				display: inline-block;
			}
			 figure figcaption em{
				font-style: normal;
				display: inline-block;
				border:2px solid rgba(238,193,79,1);
				opacity:1;
				border-radius:14px;
				font-size:0.16rem;
				margin-right: 0.2rem;
				padding: 0.04rem 0.1rem 0.01rem 0.12rem;
				color:#EEC14F ;
			}
			.find-pic-wrap{
				width:1.42rem;
				height:1.42rem;
				border-radius: 0.2rem;
				background:rgba(216,216,216,1);
				overflow: hidden;
				margin-right:0.14rem ;
			}
			.find-pic-wrap img{
				width:1.42rem;
				height:1.42rem;
			}
		</style>
	</head>
	<body>
		<script type="text/javascript">
			window.onload=function(){
				let token=localStorage.getItem('token')
				let list=document.querySelector('.list')
				//查看关注接口
				let userFollowApi='http://15637237221.wicp.vip/yh/mine/followUser.do'
				axios.post(userFollowApi,{
					token
				}).then(res=>{
					console.log(res)
					let html=''
					let arr=res.data.info;
					for(let i= 0;i<arr.length;i++){
						html+=`
						<figure>
							<div class="find-pic-wrap">
								<img src="${arr[i].userImgUrl}" >
							</div>
							
							<figcaption>
								
								<p>${arr[i].username}</p>
								<span>电话:${arr[i].phone}</span><br>
								<span>邮箱:${arr[i].email}</span>
								
							
							</figcaption>
						</figure>
						
						
						`
					}
					list.innerHTML=html
					
				})
			}
			
			
			
		</script>
		<div class="container">
			<header>
				<img src="images/top.png">
				<a href="selfcenter.html"><span class="iconfont icon-left"></span></a>
				<span class="s1">我的关注</span>
				<span></span>
			</header>
			<main>
				<ul class="list">
					<li>
					
					</li>
				</ul>
			</main>
		</div>
	</body>
</html>
